<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="stylesheet" href="../css/Goods.css">
    <script src="../js/jquery-3.7.1.min.js"></script>
</head>
<body>
    <div class="all">
     <div class="xvanchuantu">
        <img src="../image/奶茶4.jpg">
     </div>
     <div class="jieshao">
        <p class="mei">莓莓奶麻薯</p>
        <a href="DaDaMain.html"><img class="tuichu" src="../image/退出.png"></a>
        <table border="0"  width="400px" cellpadding="6" cellspacing="15" >
            <tr>
                <td class="one">12.9元活动，限三杯</td>
                <td class="two">自来熟草莓</td>
                <td class="two">软糯奶麻薯</td>
            </tr>
        </table>
        <p>甄选当季藤上自然熟草莓，满满时令鲜甜。手捣草莓果茸搭配软糯
                糯顺滑奶麻薯，草莓甜香撞上浓郁奶香，一口享受多层丰富口感</p><br>
               <p>主要原料:自来熟草莓x草莓泥x奶麻薯x茉香绿茶</p> <br>
                <p>杯型:【中杯480ml】*标注容量为杯型容量，内盛饮品量请以
                实际出品为准</p><br>
                温馨提示
                <p>*由于配送时间较长，温饮到手温度将略有降低，敬请谅解</p>
               <p>*热饮出杯时，产品分层效果易融合，敬请谅解</p> 
               <hr color="black">

        <p>&emsp;口味选择</p>
        <br>
         <div class="anniu">

        </div>

         <br><br><br>

        <div class="anniu">
        <p class="beizhu">&emsp;加料（最多可选一份）</p><br>
        <button class="Button1" type="button">珍珠</button>
        <button class="Button1" type="button">奶麻薯</button>
        <button class="Button1" type="button">西米</button>
        </div>

        <br><br><br>

        <div class="anniu">
        <p class="beizhu">&emsp;换料</p><br>
        <button class="Button1" type="button">奶麻薯换紫米丸</button>
        </div>

        <br><br><br>

        <div class="anniu">
        <p class="beizhu">&emsp;温度（必选）</p><br>
        <button class="Button1" type="button">正常冰</button>
        <button class="Button1" type="button">温</button>
        <button class="Button1" type="button">热</button>
        <button class="Button1" type="button">去冰</button>
        </div>

        <br><br><br>

        <div class="anniu">
        <p class="beizhu">&emsp;甜度（必选）</p><br>
        <button class="Button1" type="button">七分糖</button>
        <button class="Button1" type="button">正常糖</button>
        <button class="Button1" type="button">五分糖</button>
        <button class="Button1" type="button">三分糖</button>
        </div>

         <br><br><br>

        <hr color="black">
        <p class="price">￥21</p>
        <button id="tijiao">加入购物车</button>

     </div>
    </div>
   
</body>
<script>
    $(function(){
       $(':button').click(function(){
         $(':button').css('color', 'black');
         $(this).css('color', 'white');

       });
    })

   </script>
</html>